.form {
	width: 55rem;
	user-select: none;

	.job-id-select-field {
		--message-margin: 0 0 0 7rem;
	}

	.url-strategy {
		display: flex;
		width: 100%;
		margin-bottom: 1.5rem;
		line-height: 2.25rem;

		.field-name {
			width: 6rem;
			margin-right: 1rem;
			padding-top: 1rem;
			text-align: right;
		}

		.strategy-settings {
			flex: 1;
			padding: 1rem 1rem 0;
			white-space: nowrap;
			border: 1px solid var(--color-border-1);
			border-radius: 4px;

			.row {
				display: flex;

				& > .item {
					display: inline-flex;
					margin-left: 1.5rem;
					padding-bottom: 1rem;
				}

				.num {
					width: 4rem;
					margin: 0 0.5rem;
				}

				.checkbox-container {
					display: flex;
					align-items: center;
					cursor: pointer;

					.checkbox {
						margin-right: 0.5rem;
					}
				}
			}
		}

		& > .tip {
			align-self: center;
		}
	}

	.should-send-alert {
		display: flex;
		align-items: center;
		margin-left: 7rem;
		line-height: 1;
		cursor: pointer;

		.checkbox {
			margin-right: 1rem;
		}

		.tip {
			margin-left: 1rem;
		}
	}
}

.dialog-title {
	display: flex;
	align-items: center;
}

.note {
	margin-left: 7rem;
	user-select: none;
}

.footer {
	display: flex;
	justify-content: center;
	margin-top: 2rem;

	button + button {
		margin-left: 1.5rem;
	}
}
.inform-box {
	display: flex;
	align-items: flex-start;
	margin-top: 1.5rem;
	margin-left: 2rem;
	.select {
		width: 20rem;
	}
	& > span {
		margin-top: 0.4em;
	}
	.fieldInfo {
		display: flex;
		.creatAlart {
			margin-bottom: 1.5rem;
			margin-left: 1rem;
			color: var(--color-5);
		}
	}
	.alertLink {
		margin-top: 0.5rem;
		margin-left: 1rem;
	}
	.checkboxN {
		margin-right: 1rem;
	}
}
